import React from 'react';
import { 
  Card, Typography, Result, Button
} from 'antd';
import { LineChartOutlined } from '@ant-design/icons';
import { useNavigate } from 'react-router-dom';

const { Title, Paragraph } = Typography;

const PCAAnalysis = () => {
  const navigate = useNavigate();
  
  return (
    <div>
      <Title level={2}>主成分分析 (PCA)</Title>
      <Paragraph>
        主成分分析是一种统计方法，通过正交变换将一组可能相关的变量转换为一组线性不相关的变量，这些变量称为主成分。
        PCA可用于降维、数据压缩和特征提取。
      </Paragraph>
      
      <Card>
        <Result
          icon={<LineChartOutlined />}
          title="功能开发中"
          subTitle="主成分分析功能正在开发中，敬请期待"
          extra={[
            <Button type="primary" key="data" onClick={() => navigate('/upload')}>
              上传数据
            </Button>,
            <Button key="home" onClick={() => navigate('/')}>
              返回首页
            </Button>,
          ]}
        />
      </Card>
    </div>
  );
};

export default PCAAnalysis; 